<script setup lang="ts">
import Header from '../components/home/Header.vue'
import Recommend from '../components/home/Recommend.vue'
import Chat from '../components/home/Chat.vue'
</script>

<template>
  <div class="index">
    <Header></Header>
    <Recommend></Recommend>
    <Chat></Chat>
    <!-- <iframe
 src="http://43.139.167.92:7000/chatbot/yR3DHCSZdchgufDi?user_id=userId123"
 style="width: 100%; height: 100%; min-height: 700px"
 frameborder="0"
 allow="microphone">
</iframe> -->
  </div>
</template>

<style lang="scss" scoped>
.index {
  min-height: 100vh;
  padding: 15px 0;
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
  background: #fbf5e9;
  gap: 15px;
}
#dify-chatbot-bubble-button {
  background-color: #1C64F2 !important;
}
#dify-chatbot-bubble-window {
  width: 24rem !important;
  height: 40rem !important;
}
</style>
